<template>
  <div class="mine">
    <van-grid icon-size="60px">
  <van-grid-item icon="user-circle-o" text="我的"/>
</van-grid>
    <h3>常用工具</h3>
    <van-grid>
      <van-grid-item icon="location-o" text="我的地址" @click="dz"/>
      <van-grid-item icon="phone-o" text="我的客服" />
      <van-grid-item icon="like-o" text="店铺关注" @click='toCollect' />
      <van-grid-item icon="star-o" text="评价有礼" />
    </van-grid>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
  methods:{
    toCollect(){
      this.$router.push('/collect');
    },
    dz(){
      this.$router.push("/dz")
    }
  }
};
</script>

<style>
.mine>.van-grid>.van-grid-item{
  margin: 10px auto;
}
h3{
  margin: 20px;
}
</style>